﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ChiliShopNested.master" AutoEventWireup="true" CodeBehind="ProductDetailPage.aspx.cs" Inherits="WebApplication1.Pages.ProductDetailPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ChiliShopNestedMasterHeadPlaceHolder" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ChiliShopNestedMasterContentPlaceHolder" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            var height = Math.max($("#productDetailImage").height(), $("#productDetailText").height());
            $("#productDetailImage").height(height);
            $("#productDetailText").height(height);
        });
    </script>
    <div class="products">
        <div id="newProductsContainer">
            <div id="productDetailImage">
                <img src="<%=CurrentProduct.ImagePath%>" alt="product has no image" />
            </div>
            <div id="productDetailText">
                <h2><%=CurrentProduct.Name%></h2>
                <p><%=CurrentProduct.Description%></p>
                <%--<div class="price" style="position:absolute;padding:20px;bottom:20px;">--%>
                    <div style="position:absolute;padding:20px;bottom:20px;">Price:</div>
                    <div style="position:absolute;padding:20px;bottom:20px;font-weight:bolder;right:0"><%=CurrentProduct.Price%></div>
               <%-- </div>--%>
            </div>
        </div>
    </div>
</asp:Content>
